<template>
  <div>我是首页</div>
</template>
<script>
  export default{
    name: 'home',
    data () {
      return {
        test: '改变前'
      }
    },
    beforeRouteEnter (to, from, next) { //  组件内的路由钩子函数，beforeRouteEnter在进入该路由渲染当前组件之前，路由的钩子函数在组件创建之前执行，所以不能直接访问到this
      // console.log(this.test)
      next( (vm) => {  //  vm代表的是当前组件的实例，就可以获取到data里面的数据了
        vm.test = '改变后'
      })
    },
    beforeRouteUpdate(to, from, next) { //  如果home下面有二级导航，点击二级导航路由发生变化，就会执行该函数
      next()
    },
    boforeRouteLeave(to, from, next) { //  离开这个路由之前，boforeRouteLeave钩子函数执行的操作
      next()
    }
  }
</script>
<style></style>
